<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>堆糖</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/style.css">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
</head>
<body>
<div id="body">
    <nav>
        <div class="container">
            <div class="row">
                <div class="col-md-3">
                    <div class="row">
                        <div class="col-md-6">
                            <img src="img/img-1.png" alt="">
                        </div>
                        <div class="col-md-6">
                            <div class="dt1">
                                <div id="dt-nav">
                                    <div id="dt-nav-btn" onmouseover="">
                                        <p>
                                            分类
                                            <img src="img/img-2.png" alt="" class="">
                                        </p>
                                    </div>
                                    <div id="dt-nav-content" onmouseover="">
                                        <div id="dt-nav-top">
                                            <div class="dt-nav-group">
                                                <a href="" class="dt-nav-hot-link">热门推荐
                                                    <img src="img/img-54.png" alt="" class="">
                                                </a>
                                                <a href="" class="dt-nav-new-link">良品购
                                                    <img src="img/img-55.png" alt="" class="">
                                                </a>
                                            </div>
                                        </div>
                                        <div id="dt-nav-bottom">
                                            <div class="dt-nav-group">
                                                <a href="" class="">家居生活</a>
                                                <a href="" class="">美食菜谱</a>
                                                <a href="" class="">手工DIY</a>
                                                <a href="" class="">时尚搭配</a>
                                                <a href="" class="">美妆造型</a>
                                                <a href="" class="">婚纱婚礼</a>
                                                <a href="" class="">文字句子</a>
                                                <a href="" class="">插画绘画</a>
                                                <a href="" class="">影音书籍</a>
                                                <a href="" class="">人物明星</a>
                                                <a href="" class="">植物多肉</a>
                                                <a href="" class="">生活百科</a>
                                                <a href="" class="">搞笑萌宠</a>
                                                <a href="" class="">人文艺术</a>
                                                <a href="" class="">设计</a>
                                                <a href="" class="">古风</a>
                                                <a href="" class="">壁纸</a>
                                                <a href="" class="">旅行</a>
                                                <a href="" class="">头像</a>
                                                <a href="" class="">摄影</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="kuang">
                        <input type="text" placeholder="搜索感兴趣的内容" class="kuang-2"><button class="an"><img src="img/img-3.png" alt=""></button>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="row">
                        <div class="col-md-6" style="padding-top: 15px;">
                            <a href="" class="zi-1">堆糖生活家</a>
                        </div>
                        <div class="col-md-6" style="padding-top: 15px; padding-left:30px">
                            <a href="" class="zi-1">注册/登录</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </nav>
    <div class="xian"></div>
    <header>
        <div class="container">
            <img src="img/img-4.png" alt="" class="tu-1" style="margin-top: 45px">
            <div class="row">
                <div class="col-md-9">
                    <div class="bd-example mb-3">
                        <div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
                            <ol class="carousel-indicators">
                                <li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
                                <li data-target="#carouselExampleCaptions" data-slide-to="1"></li>
                                <!--<li data-target="#carouselExampleCaptions" data-slide-to="2"></li>-->
                            </ol>
                            <div class="carousel-inner">
                                <div class="carousel-item active">
                                    <div class="banner banner1"></div>
                                </div>
                                <div class="carousel-item">
                                    <div class="banner banner2"></div>
                                </div>
                            </div>
                            <a class="carousel-control-prev" href="#carouselExampleCaptions" role="button" data-slide="prev">
                                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                                <span class="sr-only">Previous</span>
                            </a>
                            <a class="carousel-control-next" href="#carouselExampleCaptions" role="button" data-slide="next">
                                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                                <span class="sr-only">Next</span>
                            </a>
                        </div>
                    </div>












































                    <!--<img src="img/img-5.png" alt="" class="tu-2">-->
                </div>
                <div class="col-md-3">
                    <div class="kuang-3">
                        <h6>社区热点</h6>
                        <div class="xian-1"></div>
                        <button class="an-1">欧美风</button>
                        <button class="an-1">美甲</button>
                        <button class="an-1">东宫</button>
                        <button class="an-1">张云雷</button>
                        <button class="an-1">插画</button>
                        <button class="an-1">女司机</button>
                        <button class="an-1">阿丽塔</button>
                        <button class="an-1">猫</button>
                        <div class="xian-2"></div>
                        <div class="k3-1">
                            <button class="an-2">精选</button><input type="text" placeholder="招募•少女感养成...">
                        </div>
                        <div class="k3-2">
                            <button class="an-2">工具</button><input type="text" placeholder="堆糖收图小能手">
                        </div>
                        <div class="row">
                            <div class="col-md-4">
                                <img src="img/img-6.png" alt="">
                            </div>
                            <div class="col-md-8">
                                <p class="zi-2">堆糖-美好生活研究所</p>
                                <p class="zi-3">最佳生活类应用</p>
                                <button>立即下载</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <main>
        <div class="container">
            <div class="row">
                <div class="col-md-2">
                    <p class="zi-4"><img src="img/img-7.png" alt="">每日精选</p>
                    <p class="zi-5">关注动态</p>
                </div>
                <div class="col-md-7">
                    <div class="m7-1">
                        <div class="row">
                            <div class="col-md-8">
                                <div class="row">
                                    <div class="col-md-2">
                                        <img src="img/img-8.png" alt="">
                                    </div>
                                    <div class="col-md-4">
                                        <h5>堆糖小喇叭</h5>
                                        <h6>热门内容</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4"></div>
                        </div>
                        <p>留下壁纸我们就是朋友</p>
                        <img src="img/img-9.png" alt="" class="tu-3">
                        <div class="m7-1-1">
                            <div class="row">
                                <div class="col-md-4">
                                    <div class="xian-3" onclick="zan()">
                                        <a><img src="img/img-10.png" alt=""></a>
                                        <span id="zan1">140</span>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="xian-3" onclick="zan2()">
                                        <a><img src="img/img-11.png" alt=""></a>
                                        <span id="zan2">219</span>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="xian-4">
                                        <a><img src="img/img-12.png" alt=""></a>
                                        <span>更多</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-7">
                        <div class="m7-2">
                            <div class="row">
                                <div class="col-md-8">
                                    <div class="row">
                                        <div class="col-md-2">
                                            <img src="img/img-17.png" alt="">
                                        </div>
                                        <div class="col-md-6">
                                            <h5>coloroom彩条屋</h5>
                                            <h6>热门内容</h6>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4"></div>
                            </div>
                            <p>让观众苦等十年的《夏目友人帐》，到底是什么？</p>
                            <img src="img/img-18.png" alt="" class="tu-3">
                            <div class="m7-1-1">
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="xian-3">
                                            <a><img src="img/img-10.png" alt=""></a>
                                            <span>1228</span>
                                        </div>
                                    </div>

                                    <div class="col-md-4">
                                        <div class="xian-3">
                                            <a><img src="img/img-11.png" alt=""></a>
                                            <span>1581</span>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="xian-4">
                                            <a><img src="img/img-12.png" alt=""></a>
                                            <span>更多</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-7">
                        <div class="m7-2">
                            <div class="row">
                                <div class="col-md-8">
                                    <div class="row">
                                        <div class="col-md-2">
                                            <img src="img/img-19.png" alt="">
                                        </div>
                                        <div class="col-md-6">
                                            <h5>美少女PLNK酱</h5>
                                            <h6>热门内容</h6>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4"></div>
                            </div>
                            <p>9.9包邮的宿舍神器，好用死了!连查寝老师都跟我要链接</p>
                            <img src="img/img-20.png" alt="" class="tu-3">
                            <div class="m7-1-1">
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="xian-3">
                                            <a><img src="img/img-10.png" alt=""></a>
                                            <span>161</span>
                                        </div>
                                    </div>

                                    <div class="col-md-4">
                                        <div class="xian-3">
                                            <a><img src="img/img-11.png" alt=""></a>
                                            <span>765</span>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="xian-4">
                                            <a><img src="img/img-12.png" alt=""></a>
                                            <span>更多</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-7">
                        <div class="m7-2">
                            <div class="row">
                                <div class="col-md-8">
                                    <div class="row">
                                        <div class="col-md-2">
                                            <img src="img/img-21.png" alt="">
                                        </div>
                                        <div class="col-md-6">
                                            <h5>你是我全世界最喜欢的猪</h5>
                                            <h6>热门内容</h6>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4"></div>
                            </div>
                            <p>有哪些适合摘抄的文艺且悲凉的句子？</p>
                            <img src="img/img-22.png" alt="" class="tu-3">
                            <div class="m7-1-1">
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="xian-3">
                                            <a><img src="img/img-10.png" alt=""></a>
                                            <span>82</span>
                                        </div>
                                    </div>

                                    <div class="col-md-4">
                                        <div class="xian-3">
                                            <a><img src="img/img-11.png" alt=""></a>
                                            <span>274</span>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="xian-4">
                                            <a><img src="img/img-12.png" alt=""></a>
                                            <span>更多</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-7">
                        <div class="m7-2">
                            <div class="row">
                                <div class="col-md-8">
                                    <div class="row">
                                        <div class="col-md-2">
                                            <img src="img/img-23.png" alt="">
                                        </div>
                                        <div class="col-md-6">
                                            <h5>干脆面炼金术士</h5>
                                            <h6>热门内容</h6>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4"></div>
                            </div>
                            <p>人生的意义，在于一天比一天活得快乐</p>
                            <img src="img/img-24.png" alt="" class="tu-3">
                            <div class="m7-1-1">
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="xian-3">
                                            <a><img src="img/img-10.png" alt=""></a>
                                            <span>54</span>
                                        </div>
                                    </div>

                                    <div class="col-md-4">
                                        <div class="xian-3">
                                            <a><img src="img/img-11.png" alt=""></a>
                                            <span>104</span>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="xian-4">
                                            <a><img src="img/img-12.png" alt=""></a>
                                            <span>更多</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-7">
                        <div class="m7-2">
                            <div class="row">
                                <div class="col-md-8">
                                    <div class="row">
                                        <div class="col-md-2">
                                            <img src="img/img-8.png" alt="">
                                        </div>
                                        <div class="col-md-6">
                                            <h5>堆糖</h5>
                                            <h6>主题-我曾为你动过情</h6>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4"></div>
                            </div>
                            <p>我曾为你动过情</p>
                            <img src="img/img-25.png" alt="" class="tu-3">
                            <div class="m7-1-1">
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="xian-3">
                                            <a><img src="img/img-10.png" alt=""></a>
                                            <span>300</span>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="xian-3">
                                            <a><img src="img/img-11.png" alt=""></a>
                                            <span>665</span>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="xian-4">
                                            <a><img src="img/img-12.png" alt=""></a>
                                            <span>更多</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-7">
                        <div class="m7-2">
                            <div class="row">
                                <div class="col-md-8">
                                    <div class="row">
                                        <div class="col-md-2">
                                            <img src="img/img-21.png" alt="">
                                        </div>
                                        <div class="col-md-6">
                                            <h5>你是我全世界最喜欢的猪</h5>
                                            <h6>热门内容</h6>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4"></div>
                            </div>
                            <p>登上79所高校学生借阅排行榜的九本书</p>
                            <img src="img/img-26.png" alt="" class="tu-3">
                            <div class="m7-1-1">
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="xian-3">
                                            <a><img src="img/img-10.png" alt=""></a>
                                            <span>59</span>
                                        </div>
                                    </div>

                                    <div class="col-md-4">
                                        <div class="xian-3">
                                            <a><img src="img/img-11.png" alt=""></a>
                                            <span>151</span>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="xian-4">
                                            <a><img src="img/img-12.png" alt=""></a>
                                            <span>更多</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-7">
                        <div class="m7-2">
                            <div class="row">
                                <div class="col-md-8">
                                    <div class="row">
                                        <div class="col-md-2">
                                            <img src="img/img-27.png" alt="">
                                        </div>
                                        <div class="col-md-6">
                                            <h5>情写风月</h5>
                                            <h6>热门内容</h6>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4"></div>
                            </div>
                            <p>799风景内测美化包</p>
                            <img src="img/img-28.png" alt="" class="tu-3">
                            <div class="m7-1-1">
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="xian-3">
                                            <a><img src="img/img-10.png" alt=""></a>
                                            <span>35</span>
                                        </div>
                                    </div>

                                    <div class="col-md-4">
                                        <div class="xian-3">
                                            <a><img src="img/img-11.png" alt=""></a>
                                            <span>22</span>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="xian-4">
                                            <a><img src="img/img-12.png" alt=""></a>
                                            <span>更多</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-7">
                        <div class="m7-2">
                            <div class="row">
                                <div class="col-md-8">
                                    <div class="row">
                                        <div class="col-md-2">
                                            <img src="img/img-29.png" alt="">
                                        </div>
                                        <div class="col-md-6">
                                            <h5>审</h5>
                                            <h6>热门内容</h6>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4"></div>
                            </div>
                            <p>火影你们粉谁留名我去截头像！</p>
                            <img src="img/img-30.png" alt="" class="tu-3">
                            <div class="m7-1-1">
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="xian-3">
                                            <a><img src="img/img-10.png" alt=""></a>
                                            <span>9</span>
                                        </div>
                                    </div>

                                    <div class="col-md-4">
                                        <div class="xian-3">
                                            <a><img src="img/img-11.png" alt=""></a>
                                            <span>1</span>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="xian-4">
                                            <a><img src="img/img-12.png" alt=""></a>
                                            <span>更多</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-7">
                        <div class="m7-2">
                            <div class="row">
                                <div class="col-md-8">
                                    <div class="row">
                                        <div class="col-md-2">
                                            <img src="img/img-19.png" alt="">
                                        </div>
                                        <div class="col-md-6">
                                            <h5>美少女PLNK酱</h5>
                                            <h6>热门内容</h6>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4"></div>
                            </div>
                            <p>初春外套美炸天！！第一件闺蜜追着我要链接</p>
                            <img src="img/img-31.png" alt="" class="tu-3">
                            <div class="m7-1-1">
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="xian-3">
                                            <a><img src="img/img-10.png" alt=""></a>
                                            <span>57</span>
                                        </div>
                                    </div>

                                    <div class="col-md-4">
                                        <div class="xian-3">
                                            <a><img src="img/img-11.png" alt=""></a>
                                            <span>126</span>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="xian-4">
                                            <a><img src="img/img-12.png" alt=""></a>
                                            <span>更多</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-7">
                        <div class="m7-2">
                            <div class="row">
                                <div class="col-md-8">
                                    <div class="row">
                                        <div class="col-md-2">
                                            <img src="img/img-32.png" alt="">
                                        </div>
                                        <div class="col-md-6">
                                            <h5>少女感养成学院</h5>
                                            <h6>热门内容</h6>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4"></div>
                            </div>
                            <p>同桌的你</p>
                            <img src="img/img-33.png" alt="" class="tu-3">
                            <div class="m7-1-1">
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="xian-3">
                                            <a><img src="img/img-10.png" alt=""></a>
                                            <span>89</span>
                                        </div>
                                    </div>

                                    <div class="col-md-4">
                                        <div class="xian-3">
                                            <a><img src="img/img-11.png" alt=""></a>
                                            <span>106</span>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="xian-4">
                                            <a><img src="img/img-12.png" alt=""></a>
                                            <span>更多</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-7">
                        <div class="m7-2">
                            <div class="row">
                                <div class="col-md-8">
                                    <div class="row">
                                        <div class="col-md-2">
                                            <img src="img/img-8.png" alt="">
                                        </div>
                                        <div class="col-md-6">
                                            <h5>堆糖小喇叭</h5>
                                            <h6>热门内容</h6>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4"></div>
                            </div>
                            <p>我的CP真香</p>
                            <img src="img/img-34.png" alt="" class="tu-3">
                            <div class="m7-1-1">
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="xian-3">
                                            <a><img src="img/img-10.png" alt=""></a>
                                            <span>91</span>
                                        </div>
                                    </div>

                                    <div class="col-md-4">
                                        <div class="xian-3">
                                            <a><img src="img/img-11.png" alt=""></a>
                                            <span>107</span>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="xian-4">
                                            <a><img src="img/img-12.png" alt=""></a>
                                            <span>更多</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-7">
                        <div class="m7-2">
                            <div class="row">
                                <div class="col-md-8">
                                    <div class="row">
                                        <div class="col-md-2">
                                            <img src="img/img-35.png" alt="">
                                        </div>
                                        <div class="col-md-6">
                                            <h5>百日做梦大熊</h5>
                                            <h6>热门内容</h6>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4"></div>
                            </div>
                            <p>当女生也太太太太不容易了</p>
                            <img src="img/img-36.png" alt="" class="tu-3">
                            <div class="m7-1-1">
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="xian-3">
                                            <a><img src="img/img-10.png" alt=""></a>
                                            <span>78</span>
                                        </div>
                                    </div>

                                    <div class="col-md-4">
                                        <div class="xian-3">
                                            <a><img src="img/img-11.png" alt=""></a>
                                            <span>76</span>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="xian-4">
                                            <a><img src="img/img-12.png" alt=""></a>
                                            <span>更多</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-7">
                        <div class="m7-2">
                            <div class="row">
                                <div class="col-md-8">
                                    <div class="row">
                                        <div class="col-md-2">
                                            <img src="img/img-38.png" alt="">
                                        </div>
                                        <div class="col-md-6">
                                            <h5>堆糖Class小助手</h5>
                                            <h6>热门内容</h6>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4"></div>
                            </div>
                            <p>伴随一生的【少女感】，拥有它一点也不难</p>
                            <img src="img/img-39.png" alt="" class="tu-3">
                            <div class="m7-1-1">
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="xian-3">
                                            <a><img src="img/img-10.png" alt=""></a>
                                            <span>34</span>
                                        </div>
                                    </div>

                                    <div class="col-md-4">
                                        <div class="xian-3">
                                            <a><img src="img/img-11.png" alt=""></a>
                                            <span>41</span>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="xian-4">
                                            <a><img src="img/img-12.png" alt=""></a>
                                            <span>更多</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-7">
                        <div class="m7-2">
                            <div class="row">
                                <div class="col-md-8">
                                    <div class="row">
                                        <div class="col-md-2">
                                            <img src="img/img-40.png" alt="">
                                        </div>
                                        <div class="col-md-6">
                                            <h5>飞乐鸟</h5>
                                            <h6>热门内容</h6>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4"></div>
                            </div>
                            <p>女生千万别看这些言情小说...不然会被里面的沙雕桥段给</p>
                            <img src="img/img-41.png" alt="" class="tu-3">
                            <div class="m7-1-1">
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="xian-3">
                                            <a><img src="img/img-10.png" alt=""></a>
                                            <span>68</span>
                                        </div>
                                    </div>

                                    <div class="col-md-4">
                                        <div class="xian-3">
                                            <a><img src="img/img-11.png" alt=""></a>
                                            <span>63</span>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="xian-4">
                                            <a><img src="img/img-12.png" alt=""></a>
                                            <span>更多</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-7">
                        <div class="m7-2">
                            <div class="row">
                                <div class="col-md-8">
                                    <div class="row">
                                        <div class="col-md-2">
                                            <img src="img/img-19.png" alt="">
                                        </div>
                                        <div class="col-md-6">
                                            <h5>美少女PLNK酱</h5>
                                            <h6>热门内容</h6>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4"></div>
                            </div>
                            <p>7个私藏的小众APP，实用又有bigger，用过三款算我输！</p>
                            <img src="img/img-42.png" alt="" class="tu-3">
                            <div class="m7-1-1">
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="xian-3">
                                            <a><img src="img/img-10.png" alt=""></a>
                                            <span>139</span>
                                        </div>
                                    </div>

                                    <div class="col-md-4">
                                        <div class="xian-3">
                                            <a><img src="img/img-11.png" alt=""></a>
                                            <span>461</span>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="xian-4">
                                            <a><img src="img/img-12.png" alt=""></a>
                                            <span>更多</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-7">
                        <div class="m7-2">
                            <div class="row">
                                <div class="col-md-8">
                                    <div class="row">
                                        <div class="col-md-2">
                                            <img src="img/img-21.png" alt="">
                                        </div>
                                        <div class="col-md-6">
                                            <h5>你是我全世界最喜欢的猪</h5>
                                            <h6>热门内容</h6>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4"></div>
                            </div>
                            <p>中国最全的拨弦击弦类乐器合集种类十分多涨姿势了。</p>
                            <img src="img/img-43.png" alt="" class="tu-3">
                            <div class="m7-1-1">
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="xian-3">
                                            <a><img src="img/img-10.png" alt=""></a>
                                            <span>42</span>
                                        </div>
                                    </div>

                                    <div class="col-md-4">
                                        <div class="xian-3">
                                            <a><img src="img/img-11.png" alt=""></a>
                                            <span>71</span>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="xian-4">
                                            <a><img src="img/img-12.png" alt=""></a>
                                            <span>更多</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="m7-3">
                        <h6>查看更多 <img src="img/img-44.png" alt=""></h6>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="md-3-1">
                        <div class="jia">
                            <div class="row">
                                <div class="col-md-6">
                                    <h5>推荐关注</h5>
                                </div>
                                <div class="col-md-6">
                                    <p>换一批</p>
                                </div>
                            </div>
                        </div>
                        <div class="xian-5"></div>
                        <div class="m3-1 clearfix">
                            <div class="m3-1-left">
                                <div class="m3-1a">
                                    <img src="img/img-13.png" alt="">
                                </div>
                                <div class="m3-1b">
                                    <h6>一望损莓苔</h6>
                                    <p>擅长领域：手工,园艺</p>
                                </div>
                            </div>
                            <div class="m3-1-right">
                                <div class="m3-1c">
                                    <button>关注</button>
                                </div>
                            </div>
                        </div>
                        <div class="m3-1 clearfix">
                            <div class="m3-1-left">
                                <div class="m3-1a">
                                    <img src="img/img-45.png" alt="">
                                </div>
                                <div class="m3-1b">
                                    <h6>猫头鹰叔叔</h6>
                                    <p>擅长领域：摄影</p>
                                </div>
                            </div>
                            <div class="m3-1-right">
                                <div class="m3-1d">
                                    <button>关注</button>
                                </div>
                            </div>
                        </div>
                        <div class="m3-1 clearfix">
                            <div class="m3-1-left">
                                <div class="m3-1a">
                                    <img src="img/img--46.png" alt="">
                                </div>
                                <div class="m3-1b">
                                    <h6>兔纸鱼</h6>
                                    <p>擅长领域：Q版</p>
                                </div>
                            </div>
                            <div class="m3-1-right">
                                <div class="m3-1e">
                                    <button>关注</button>
                                </div>
                            </div>
                        </div>
                        <div class="m3-1 clearfix">
                            <div class="m3-1-left">
                                <div class="m3-1a">
                                    <img src="img/img-47.png" alt="">
                                </div>
                                <div class="m3-1b">
                                    <h6>小熊奶黄包</h6>
                                    <p>擅长领域：壁纸,Q版</p>
                                </div>
                            </div>
                            <div class="m3-1-right">
                                <div class="m3-1c">
                                    <button>关注</button>
                                </div>
                            </div>
                        </div>
                        <div class="xian-5"></div>
                        <div class="m3-1f">
                            <h6>查看更多 <img src="img/img-48.png" alt=""></h6>
                        </div>
                    </div>
                    <div class="tu-4">
                        <img src="img/img-49.png" alt="">
                    </div>
                </div>
            </div>
        </div>
    </main>
    <footer>
        <div class="container">
            <div class="row">
                <div class="col-md-2">
                    <h6>APP下载</h6>
                    <img src="img/img-50.png" alt="">
                    <h6>扫描二维码</h6>
                    <h6>下载堆糖手机客户端</h6>
                </div>
                <div class="col-md-2" id="g">
                    <div class="xian-6"></div>
                </div>
                <div class="col-md-2">
                    <h6>关于我们</h6>
                    <p>关于我们</p>
                    <p>加入我们</p>
                    <p>联系我们</p>
                    <p>商务合作</p>
                </div>
                <div class="col-md-3">
                    <h6>关注我们</h6>
                    <p>新浪微博</p>
                    <p>微信公众号</p>
                </div>
                <div class="col-md-3">
                    <h6>友情链接</h6>
                    <div class="row">
                        <div class="col-md-6">
                            <p>爱物网</p>
                            <p>肉丁网</p>
                        </div>
                        <div class="col-md-6">
                            <p>东方女性网</p>
                            <p>更多...</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="f-1">
                <p>&copy;2019 duitang.com 版权所有。沪ICP备10038086号-3 <img src="img/img-51.png" alt=""> <img src="img/img-52.png" alt=""> | 增值电信业务经营许可证：浙B2-20180610自营经营者信息</p>
                <p><img src="img/img-53.png" alt="">上海市互联网违法和不良信息举报中心|有害内容举报电话：021-63462282</p>
            </div>
        </div>
    </footer>
</div>




<div id="toTop">↑</div>
</body>
<script src="js/script.js"></script>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
</html>